<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>aaa</title>
</head>

<body class="df fcolumn">
    <!-- 内容 -->
    <main class="flex overflow rel">
        <video id="videoUrl"></video>
        <div class="abs sport">
            <p class="numone"><span>3</span>/<span>8</span></p>
            <p>胯关节环绕</p>
        </div>
    </main>

    <!-- 蒙层 -->
    <div id="mask">
        <div class="container">
            <p>放弃可以找到一万个理由，坚持只需要一个信念!</p>
            <div class="df jcb que">
                <div class="que-one" id="continue">
                    <p class="iconfont icon-zanting1" ></p>
                    继续训练
                </div>
                <div class="que-two" id="end">
                    <p class="iconfont icon-jieshu"></p>
                    结束训练
                </div>
            </div>
            <!-- 长方形 -->
            <div class="rect df">
                <!-- 左边 -->
                <img  alt="" id="imgUrl">
                <!-- 右边 -->
                <div class="rect-right">
                    <p>当前</p>
                    <p>胯关节环绕</p>
                </div>
            </div>
        </div>


    </div>
    <!-- 尾部 -->
    <footer>
        <div class="bottom df container jcb">
            <span class="iconfont icon-xiangzuo2"></span>
            <span class="iconfont icon-zanting2" id="btn"></span>
            <span class="iconfont icon-xiangyou2"></span>
        </div>

    </footer>
</body>

</html>